<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录页面</title>
	<!--	<link rel="stylesheet" type="text/css" href="css/sg_index.css" />报错：注意引入的外部css样式也需要放在jquery 和bootstrap之后-->
		<script src="bootstrap-3.3.5/js/jquery-3.1.1.js"></script>
		<script src="bootstrap-3.3.5/js/bootstrap.js"></script>		
		<link href="bootstrap-3.3.5/css/bootstrap.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<link rel="stylesheet" type="text/css" href="css/sg_index.css" /><!--注意顺序很重要，必须先引用jquery.min.js文件，然后再引用botstrap的js-->
	</head>
	<nav class="top"><!--<nav>标签表示明确意义的导航组-->
			<span class="pull-left"><!--区别：<span>是内联元素，可以嵌套在同一行，<div>是块级元素，需要另起一行-->
				<span><span class="glyphicon glyphicon-fire redColor"></span> 喵，欢迎来时光购物城</span>
			</span>			
	</nav>	
<style>
body{
width: 100%;
   font-family: arial; 
   background-image: url(img/登录3.jpg);
}
</style>
<body>
	<div class="dl_page">
	<br><h4 style="font-weight: bold; text-align: center;">用户登录</h4><br>
	<div class="login-form">
		<form>
			<div class="user-name">
				<label for="user"><span class="glyphicon glyphicon-user"></span></label>
				<input type="text" name="xm" id="user" placeholder="   邮箱/手机/用户名"/>
			</div>
			<div class="user-password">
				<label for="password"><span class="glyphicon glyphicon-lock"></span></label>
				<input type="password" name="mm" id="password" placeholder="   请输入密码"/>
			</div>
		</form>	
	</div>
	<div class="login-link">
		<label class="link"><input type="checkbox" id="link" name="wj"/>记住密码</label>	
		<a href="#">注册</a>
	</div>
	<div class="entry">
		<input type="submit" name="dl" class="dl-entry" value="登录" onclick="login()"/>
	</div>
	<div class="parter">
		<br><br><h4 style="font-weight: bold;margin-left: 41px;">合作账号</h4><br>
		    <div class="group">
	                    <li><a href="#"><i class="mr-icon-qq mr-icon-sm"></i><span>QQ登录</span></a></li>
	                    <li><a href="#"><i class="mr-icon-weibo mr-icon-sm"></i><span>微博登录</span> </a></li>
	                    <li><a href="#"><i class="mr-icon-weixin mr-icon-sm"></i><span>微信登录</span> </a></li>
	               
	        </div>
	</div>
</div>
	<script>
		function login(){
			var user=document.getElementById("user");
			var password=document.getElementById("password");
			if(user.value=="xpy"&&password.value=="123"){
				alert("登录成功！")
			}
			else{
				alert("请输入输入正确的用户名和密码！")
			}
		}
		
	</script>

<!--<div class="footer">
		<div class="footer-end">
			<div class="footer-end-up">
				<a href="#">关于时光</a>
				<a href="#">帮助中心</a>
				<a href="#">开放平台</a>
				<a href="#">诚聘英才</a>
				<a href="#">联系我们</a>
				<a href="#">法律申明</a>
				<a href="#">知识产权</a>
				<a href="#" v>廉政举报</a>
			</div>
			<div class="footer-end-down">
				<a href="#">阿里巴巴集团</a><span class="flash">|</span>
				<a href="#">淘宝网</a><span class="flash">|</span>
				<a href="#">天猫</a><span class="flash">|</span>
				<a href="#">聚划算</a><span class="flash">|</span>
				<a href="#">全球速卖通</a><span class="flash">|</span>
				<a href="#">阿里旅行·去啊</a><span class="flash">|</span>
				<a href="#">阿里云计算 </a><span class="flash">|</span>
				<a href="#">阿里妈妈</a><span class="flash">|</span>
				<a href="#">万网 </a><span class="flash">|</span>
				<a href="#">高德</a><span class="flash">|</span>
				<a href="#">优步</a><span class="flash">|</span>
				<a href="#">虾米</a><span class="flash">|</span>
				<a href="#">钉钉</a><span class="flash">|</span>
				<a href="#">优视</a><span class="flash">|</span>
				<a href="#">网易</a><span class="flash">|</span>
				<a href="#">支付宝</a><span class="flash">|</span>			
			</div>
            <div class="license">
				<span>增值电信业务经营许可证： 浙BXXXX</span>
				<span>网络文化经营许可证：XXXX号</span>
				<span>互联网医疗保健信息服务XXXX </span><br>
				<span>互联网药品信息服务资质证书编号：XXXX</span><br>
			    <div class="copyRightYear">© 2017-2018 SG.COM 版权所有</div>
		    </div>
		</div>
-->

</body>
</html>
